*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box}

*,body{padding:0px;	margin:0px;color: #fff;font-family: "微软雅黑";}
body {
	margin: 0;
	padding: 0;
	height: 100%;
    background:#000d4a url(../images/bg.jpg) center top; background-size:cover;font-size: .1rem;
}


html {
	font-family: "微软雅黑";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
li{ list-style-type:none;}
table{ border-collapse:collapse;}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;vertical-align: middle;}
a{ text-decoration:none; color:#399bff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}
/*谷哥滚动条样式*/

::-webkit-scrollbar {width:5px;height:5px;position:absolute}
::-webkit-scrollbar-thumb {background-color:#5bc0de}
::-webkit-scrollbar-track {background-color:#ddd}

/***/
.canvas{position: absolute; width:100%; left: 0; top: 0; height: 99%; z-index: 1;}

@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
header{width:100%; height: 90px; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; text-align: center;  color: #fff;  margin: 0 auto;}

.head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100;}
.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.8rem;}
.head h1 img{ width:1.5rem; display: inline-block; vertical-align: middle; margin-right: .2rem}
.weather{ position:absolute; right:.3rem; top:0; line-height: .75rem;}
.weather img{ width:.37rem; display: inline-block; vertical-align: middle;}
.weather span{color:rgba(255,255,255,.7); font-size: .18rem; padding-right: .1rem;}
#content{padding: .1rem .1rem 0rem .1rem;}



#contentt>ul{}
#content>ul>li{ float: left; padding: 0 .1rem}

#content>ul>li{ width: 22%}
#content>ul>li:nth-child(2){ width: 56%;padding: 0}


.online{width:100%; height: 100%; float: left; background: url(../images/zuo2.png) no-repeat;}
.content_left .title{width: 385px; height: 70px; float: left; color: #00f6ff; font-size: 20px; line-height: 70px; background:url(../images/bottom_line.png) bottom no-repeat; text-align: center;}
.content_left .title img{vertical-align: middle;}
 .online_con{width: 365px; height: 240px; padding: 10px; float: left;}
.industry_con{width: 365px; height: 335px; padding: 10px; float: left;}

/*  中间  */
#content .content_center{width: 40%; padding: 0 .1rem;}
.content_center .center_top{width: 1050px; height: 650px;  float: left; background: url(../images/center01.png) no-repeat;}
.content_center .title{width: 1050px; height: 70px; float: left; color: #00f6ff; font-size: 20px; line-height: 70px; background:url(../images/bottom_line.png) bottom center no-repeat; text-align: center;}
.content_center .title img{vertical-align: middle;}
 .center_top_con{ height:100%; width: 100%; padding: 0.1rem; }
.panel-table {text-align: left;color: #ccc;margin: .1rem auto !important;width: 100%;	font-size: .2rem;}
.content_center .center_bot{width: 990px; height: 280px; float: left; background: url(../images/center02.png) no-repeat; margin-top: 20px; padding: 10px 30px;}
tr.aaa:hover{background: #1d3152; cursor: pointer;}
.b1{width: 70px; height: 25px; background: #FF0000; cursor: pointer; color: #FFFFFF; border: none; border-radius:3px ;}
.b2{width: 70px; height: 25px; background: #2897c4; cursor: pointer; color: #FFFFFF; border: none; border-radius:3px ;}
.b3{width: 70px; height: 25px; background: #36791a; cursor: pointer; color: #FFFFFF; border: none; border-radius:3px ;}


/* 右侧 */
#content .content_right{width: 30%; padding: 0 .1rem;}
.content_right .report{width: 325px; height: 145px; line-height: 20px; float: left; background:url(../images/zuoyi.png) top no-repeat; padding: 35px 30px 0 30px;}
.report1{width: 134px; height: 110px; background: url(../images/report01.png) center no-repeat; float: left; text-align: center; padding-top: 24px;}
.report2{width: 134px; height: 110px; background: url(../images/report02.png) center no-repeat; float: right; text-align: center; padding-top: 24px;}
.report p{ font-weight: bold; font-size: 18px; color: #ff0000;}
.report small{font-size: 24px;}
.content_right .news_report{width: 385px; height: 330px; margin-top: 20px; float: left; background: url(../images/bg_report.png) no-repeat;}
.content_right .title{width: 385px; height: 70px; float: left; color: #00f6ff; font-size: 20px; line-height: 70px; background:url(../images/bottom_line.png) bottom no-repeat; text-align: center;}
.content_right .title img{vertical-align: middle;}
.news_list{width: 100%; height: 100%;  margin: 0 auto; overflow: hidden;}
.news_list ul{list-style: none;}
.news_list ul li{width:100%; height: 38px; float: left; line-height: 38px; padding-left: 15px;}
.li01{background: url(../images/new_list01.png) left center no-repeat;}
.li02{background: url(../images/new_list02.png) left center no-repeat; color: #FF0000;}
.content_right .data_box{width: 385px; height: 420px; margin-top: 20px; float: left; background: url(../images/bg_data.png) no-repeat;}
.data_con{width: 100%; height: 100%; }



.current-num {
    width: 100%;
    height: 100%;
}

.current-num>div {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    background: url(../images/title_bg01.png) center center no-repeat;
    font-size: 0.2rem;
    color: #00f6ff;

}

.current-num>p {
    font-size: 0.6rem;
    text-align: center;
    color: #ffeb7b;
    padding: .05rem 0;
    font-family: electronicFont;
    font-weight: bold;
}


.panel-table  tr td{ font-size:14px;}

.btn-success{ background:#EC0206; color:#fff;}
.title a { color:#1FCFD8; text-decoration:none;}


.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .2rem .4rem .15rem;  background: rgba(255,255,255,.04) url(../images/line.png); background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}
.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}
.alltitle2{ font-size:.2rem; color:#fff; text-align: center; line-height: .4rem;}

.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}

.yibiao{ float: left; width: 50%; text-align: center; margin-top: 0.2rem;}
.circleChart{margin-bottom: 0.08rem;}
.yibiao h3{  width: 100%; font-size: 0.2rem; height: 0.25rem; line-height: 0.3rem; text-align: center; color: #ffeb7b}
.circleChart_text{ font-size: 0.2rem !important;}


.dongtai{
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: url(../img/ver.png);
    height: 5rem;
    background-clip: border-box;
    border-radius: .125rem;
    border-width: 0;

    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
    position: fixed;
    top: 0.6rem;
    right: 0.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.125rem;
    z-index: 8888;
    width: 3rem;
    color: #fff;
    overflow-y: scroll;
}
.dongtai .tit{ text-align: center;font-size: 16px;}